import { StyleSheet } from 'react-native';
import { APP_BLACK, APP_BLUE, APP_GRAY } from '../../../../constant/color';
import { phonePx } from '../../../../util/adapt';

export default StyleSheet.create({
  list: {
    paddingVertical: phonePx(8)
  },
  copyContent: {
    width: phonePx(27),
    height: phonePx(17),
    alignItems: 'center',
    justifyContent: 'center',
    position: 'absolute',
    top: phonePx(12),
    right: 0
  },
  copy: {
    color: APP_BLUE,
    fontSize: phonePx(12),
    fontWeight: '500'
  },
  depositInfo: {
    marginTop: phonePx(15)
  },
  title: {
    color: '#4B505A',
    fontSize: phonePx(14),
    fontWeight: '500'
  },
  subTitle: {
    color: APP_GRAY,
    fontSize: phonePx(12),
    marginTop: phonePx(6)
  },
  dash: {
    marginTop: phonePx(15)
  },
  dashItem: {
    width: phonePx(5),
    height: StyleSheet.hairlineWidth,
    backgroundColor: '#E9E9E9'
  },
  commodityList: {
    marginTop: phonePx(15)
  },
  listTitle: {
    color: APP_GRAY,
    fontSize: phonePx(12)
  },
  commodity: {
    position: 'relative',
    paddingVertical: phonePx(16),
    paddingHorizontal: phonePx(24)
  },
  commodityTitle: {
    color: '#4B505A',
    fontSize: phonePx(14)
  },
  spuTag: {
    position: 'absolute',
    top: phonePx(16),
    left: 0,
    width: phonePx(14),
    height: phonePx(16)
  }
});
